<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>人事管理系统 ——后台管理</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta http-equiv="pragma" content="no-cache"/>
	<meta http-equiv="cache-control" content="no-cache"/>
	<meta http-equiv="expires" content="0"/>
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
	<meta http-equiv="description" content="This is my page"/>
	<link href="../css/css.css" type="text/css" rel="stylesheet"/>
	<link rel="stylesheet" type="text/css" href="../js/ligerUI/skins/Aqua/css/ligerui-dialog.css"/>
	<link href="../js/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
	<script type="text/javascript" src="../js/jquery-migrate-1.2.1.js"></script>
	<script src="../js/ligerUI/js/core/base.js" type="text/javascript"></script>
	<script src="../js/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
	<script src="../js/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
	<script src="../js/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
	<link href="../css/pager.css" type="text/css" rel="stylesheet"/>
	<script type="text/javascript">

		function submit() {

			/** 表单提交的校验 */
				// $("#noticeForm").submit(function(){
			var title = $("#title");
			var content = $("#content");
			var msg = "";
			if ($.trim(title.val()) == "") {
				msg = "公告标题不能为空！";
				title.focus();
			} else if ($.trim(title.val()).length <= 2) {
				msg = "请输入两个字符以上的标题！";
				title.focus();
			} else if ($.trim(content.val()) == "") {
				msg = "公告内容不能为空！";
				content.focus();
			}
			if (msg != "") {
				$.ligerDialog.error(msg);
				return false;
			} else {
				return true;
			}
			//$("#noticeForm").submit();

			//});
		}


	</script>
</head>
<body>
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td height="10"></td>
		</tr>
		<tr>
			<td width="15" height="32"><img src="../images/main_locleft.gif" width="15" height="32"></td>
			<td class="main_locbg font2"><img src="../images/pointer.gif">&nbsp;&nbsp;&nbsp;当前位置：公告管理 &gt; 添加公告</td>
			<td width="15" height="32"><img src="../images/main_locright.gif" width="15" height="32"></td>
		</tr>
	</table>

	<!-- 请求异常错误  -->
	<table width="100%" height="90%" border="0" cellpadding="10" cellspacing="0" class="main_tabbor">
		<tr valign="top">
			<td>

				<!-- 隐藏表单，flag表示添加标记 -->
				<input type="hidden" name="flag" value="2">
				<table width="100%" border="0" cellpadding="0" cellspacing="10" class="main_tab">
					<tr>
						<td class="font3 fftd">
							公告标题：<input type="text" name="title" size="30" id="title"/>
							<span style="color: #ff0000;"></span>
						</td>
					</tr>
					<tr>
						<td class="main_tdbor"></td>
					</tr>

					<tr>
						<td class="font3 fftd">公告内容：<br/>
							<textarea name="content" cols="88" rows="11" id="content"></textarea>
						</td>
					</tr>
					<tr>
						<td class="main_tdbor"></td>
					</tr>

					<tr>
						<td class="font3 fftd">
							<input type="button" onclick="submit()" value="添加">
							<input type="reset" value="重置" onclick="reset()">
						</td>
					</tr>
					<tr>
						<td class="main_tdbor"></td>
					</tr>

				</table>

			</td>
		</tr>
	</table>
	<script type="text/javascript">
		function checkResultAndGetData($result) {
			if ($result.success == false) {
				throw $result;
			}
			return $result.data;
		}

		function reset() {
			window.location.replace('/csi/notice/notice.html');
		}

		function submit() {
			let title = $("#title").val();
			let content = $("#content").val();
			let msg = "";
			let noticeInfo = {
				"annoTitle": title,
				"annoContent": content
			};
			if ($.trim(title) == "") {
				msg = "公告标题不能为空！";
				title.focus();
			} else if ($.trim(title).length <= 2) {
				msg = "请输入两个字符以上的标题！";
				title.focus();
			} else if ($.trim(content) == "") {
				msg = "公告内容不能为空！";
				content.focus();
			}
			if (msg != "") {
				$.ligerDialog.error(msg);
				return false;
			}
			console.log(JSON.stringify(noticeInfo));

			$.ajax({
				type: "POST",
				url: "/csi/anno/api/insert",
				async: true,
				contentType: 'application/json;charset=UTF-8',
				data: JSON.stringify(noticeInfo),
				dataType: "json",
				error: function (XMLHttpRequest, textStatus, text) {
					$.ligerDialog.error(JSON.stringify(text), "出错了，请于管理员联系");
				},
				success: function (result) {
					console.log(result);
					let data;
					try {
						data = checkResultAndGetData(result);
					} catch (error) {
						console.log(error)
						// alert(JSON.stringify(error));
						$.ligerDialog.error(JSON.stringify("出错了，请于管理员联系"));
						return;
					}
					if (data) {
						$.ligerDialog.success("修改成功");
					} else {
						$.ligerDialog.warn("修改失败");
					}
				}
			});
		}
	</script>
</body>
</html>